
// node 的 path 模块

// const webpack = require('webpack')
//common.js语法

module.exports = {
  
  mode:'development', // *开发环境  production 生产环境
  devtool:"source-map", // *调试配置
  //* 1. source map 应在开发环境中使用，作为一种调试手段
  //* 2. source map 不应该在生产环境中使用，source map的文件一般较大，不仅会导致额外的网络传输，还容易暴露原始代码。即便要在生产环境中使用source map，用于调试真实的代码运行问题，也要做出一些处理规避网络传输和代码暴露的问题。
  experiments: {  // *实验特性
    layers: true,
    
    // outputModule: true, //* 配合libary.type为 module使用
    //backCompat: true, //*为许多 webpack 4 api 启用后向兼容层，并发出弃用警告。
  },
  
  plugins:[
    // new webpack.HotModuleReplacementPlugin({
    //   // Options...
    //   template:'../public/index.html',  // 模板
    // }),
  ],
 
  devServer:{
    host: 'localhost',
    port:8000,
    open:false,// *告诉 dev-server 在服务器已经启动后打开浏览器。设置其为 true 以打开你的默认浏览器。
    proxy: {
      '/api': {
        target:'https://demo-api.apipost.cn',
        changeOrigin: true, //更改请求头中的host和origin
      // secure: false // 返回 null 或 undefined 以继续使用代理处理请求。返回 false 会为请求产生 404 错误。      返回提供服务的路径，而不是继续代理请求。
      },
      
      
    },
    

    
  },




}
